<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<style type="text/css">
    /* common styles */
#main {
    overflow-x: hidden;
    border: 1px solid red;
    width: 100%;
    position: relative;
    height: 21em;
}
#max-width0 {
    position: absolute;
    right: 100%;
    height: 20.5em;
    width: 100%;
    border: 1px solid yellow;
}
#max-width {
    position: absolute;
    right: -20em;
    height: 20em;
    width: 100%;
    border: 1px solid black;
}
#max-width2 {
    border: 1px solid blue;
    margin-left: 100%;
    width: 100%;
    height: 19em;
}
#max-width3 {
    border: 1px solid green;
    margin-left: -20em;
    margin-right: 20em;
    height: 18em;
}
</style>
</head>
<body>
<div id="main">
<div id="max-width0">
<div id="max-width">
<div id="max-width2">
<div id="max-width3">
<div>l sdjkfkjgldfhg sdfkljgh sdfjkgh sdfklgh sdfklghsdfklgh sdfkljgh ksdfjlghkldfshgkdflsjghksdfjgh kdfshg kldfhgkldfhg kdfljgh kdfljghkdsfjlhg dfkgh</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="float_from_left" id="als_logo">
    <div class="first-child">
        <div class="reducer">
            <div class="float">
             kjdasfhklaj fh sdhfsfs
             fhsahfs
             afas
             dfhsda
             fsda
             fasd
             f
             asdf
             sdhaf
             asdhfsadfh
             sdafh

            </div>
        </div>
    </div>
</div>--></body>
</html>